<template>
  <div class="instrument_status">
    <span class="block_label_color small_label" :class="getInstrumentStatusClass">{{data.instrumentStatusLabel}}</span>
  </div>
</template>

<script>
// 仪器状态字典
// 正常
const Normal = 'Normal'
// 维修中
const Repair = 'Repairing'
// 保养中
const Maintain = 'Maintaining'
// 生产中
const Produce = 'Producing'
// 报废
const Abandoned = 'Abandoned'
export default {
  name: 'InstrumentStatus',
  props: {
    data: Object
  },
  computed: {
    /**
     * 判断仪器状态
     * @param str 状态
     */
    getInstrumentStatusClass() {
      switch (this.data.instrumentStatusValue) {
        case Normal:
          return 'instrument_normal'
        case Repair:
          return 'instrument_repair'
        case Maintain:
          return 'instrument_maintain'
        case Produce:
          return 'instrument_produce'
        case Abandoned:
          return 'instrument_abandoned'
      }
    },
  }
}
</script>

<style lang="less" scoped>
  /*仪器状态*/
  // 正常
  @mesInstrumentNormal:#00a949;
  // 维修
  @mesInstrumentRepair:#ff931f;
  // 保养
  @mesInstrumentMaintain:#00b4ff;
  // 生产
  @mesInstrumentProduce:#77b903;
  // 报废
  @mesInstrumentAbandoned:#7e8e9f;
  .instrument_status{
    .block_label_color{
      color:#fff;
      /*仪器状态*/
      // 正常
      &.instrument_normal{
        background-color: @mesInstrumentNormal;
      }
      // 维修
      &.instrument_repair{
        background-color: @mesInstrumentRepair;
      }
      // 保养
      &.instrument_maintain{
        background-color: @mesInstrumentMaintain;
      }
      // 生产中
      &.instrument_abandoned{
        background-color: @mesInstrumentProduce;
      }
      // 报废
      &.instrument_abandoned{
        background-color: @mesInstrumentAbandoned;
      }
    }
  }
</style>
